<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1566901_07oyohn3uypw.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2.16/lib/index.css">
    <link rel="stylesheet" href="../css/activity.css" type="text/css">
    <link rel="stylesheet" href="../css/activity1.css"type="text/css">
    <script type="text/javascript" src="../script/vue.js"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/vant@2.2/lib/vant.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.2/lib/vant.min.js"></script>
    <script src="../script/axios.js"></script>
    <script src="../script/SHA1.js"></script>
    <script src="../script/es6-promise.auto.min.js"></script>
</head>


<body>
    <div id="container">
    
  <a href="activity.html">
      <img :src="detail.thumbnail.url" alt="">
      
      <p>{{detail.title}}</p>
      <em>{{ detail.title2}}</em>
      <p class="price1">原价{{ detail.price1}} </p>
      <p class="price"> 价格 {{detail.price}}</p>
      <p class="descrip">“城在海上，海在城中”，厦门是中国的海上花园，四季如春，风景秀丽。

        岛、礁、寺、花、木相互映衬，侨乡风情、美食、异国建筑在厦门融为一体。
        
        厦门的公共交通很方便，在岛上也可以选择骑单车。
        厦门酒店优惠50%,特色民宿,短租房,短租公寓,日租房,比酒店更便宜舒适,房源临近景点,商业街,交通便利,房东实名认证,支付安全快捷,灵活退订
      
      
     
      </p> </a>
    </div>
    <!--底部导航 end-->
    </div>
    <script src="../script/vue.js"></script>
    <script src="../script/SHA1.js"></script>
    <script src="../script/axios.js"></script>
    <script src="../script/es6-promise.auto.min.js"></script>
    <script>
      
  
      var now = Date.now();
    var appKey = SHA1("A6022694570982" + "UZ" + "67A344E5-99A7-33F1-6B44-2616F73CD174" + "UZ" + now) + "." + now
      
      var vm = new Vue({
        el: "#container",
        data: {
          detail:{
            "thumbnail": {"url":""}
          }
            
          
        },
        created: function () {
          this.getDetailData()
        },
        mounted: function () {
  
        },
        





        
        methods: {






          
            jumpDetail: function (item) {
          window.location.href = "activity1.html?id=" + item.id
        },
          getDetailData: function () {
  
            var _this = this;
            var param = {
              where: {
                id: getQueryVariable("id")
              }
            }
  
            axios.get('https://d.apicloud.com/mcm/api/hotel?filter=' + JSON.stringify(param), {
              headers: {
                "X-APICloud-AppId": "A6022694570982",
                "X-APICloud-AppKey": appKey
              }
            })
              .then(function (response) {
  
                _this.detail = response.data[0]
                console.log(response.data);
              })
              .catch(function (error) {
                console.log(error);
              });
          }
        },
      })

      function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
          var pair = vars[i].split("=");
          if (pair[0] == variable) { return pair[1]; }
        }
        return (false);
      }
      

    </script>
  </body>

              
  
    
</script>

</html>